<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="author" content="Auelnce,aulence@foxmail.com">
	<title>jQuery AJAX的使用</title>
	<link rel="shortcut icon" href="../source/favicon.ico">
    <link rel="bookmark" href="../source/favicon.ico">
    <link rel="stylesheet" href="../plugin/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
    <nav>
        <ul class="breadcrumb">
            <li><a href="../index.html">首页</a></li>
            <li class="active">jQuery AJAX基本使用</li>
        </ul>
    </nav>

    <main>
        <h1>jQuery不同版本使用AJAX的方式</h1>

        <section>
            <h2>jQuery 1.x版本的AJAX</h2>
            <button type="button" id="loadData-1">加载数据</button>
            <ul id="tea-info-1"></ul>
        </section>
        
        <section>
            <h2>jQuery 2.x版本的AJAX</h2>
            <button type="button" id="loadData-2">加载数据</button>
            <ul id="tea-info-2"></ul>
        </section>
        
        <section>
            <h2>jQuery 3.x版本的AJAX</h2>
            <button type="button" id="loadData-3">加载数据</button>
            <ul id="tea-info-3"></ul>
        </section>
        
    </main>
    

	<script src="../plugin/jquery.min.js"></script>
	<script src="../js/jquery-ajax.js"></script>
</body>
</html>